<include file="Index:header" />

<div class="wapp">

     <div class="container">

     	<section id="main-content">
          <section class="wrapper">
              <!-- page start-->
              <div class="row">

              	<aside class="profile-info col-lg-12">
                  <section>
                      <div class="panel panel-primary">
                          <div class="panel-heading"> 附近的人</div>
                          <div class="panel-body">
                              <div class="tab-pane" id="comments">
                                  <div class="col-lg-2">
                                  	 <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini2.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini3.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
                                  </div>
                                  <div class="col-lg-2">
                                  	 <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini2.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini3.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
                                  </div>
                                  <div class="col-lg-2">
                                  	 <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini2.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini3.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
                                  </div>
                                  <div class="col-lg-2">
                                  	 <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini2.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini3.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
                                  </div>
                                  <div class="col-lg-2">
                                  	 <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini2.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini3.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
                                  </div>
                                  <div class="col-lg-2">
                                  	 <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini2.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
	                                  <article class="media">
	                                      <a class="pull-left thumb p-thumb">
	                                          <img src="__IMG__/img/avatar-mini3.jpg">
	                                      </a>
	                                      <div class="media-body">
	                                          <a class="cmt-head" href="#">话说社区 </a>
	                                          <p> <i class="icon-time"></i> 15分钟以前</p>
	                                      </div>
	                                  </article>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </section>
                </aside> 
                
                <aside class="profile-info col-lg-12">
                  <section>
                      <div class="panel panel-primary">
                          <div class="panel-heading"> 附近动态</div>
                          <div class="panel-body">
                          		<div class="col-lg-12 ">

					                    <div class="row">

					                        <div class="col-lg-12 col-sm-12">

				                                <div class="media-body">
				                                    <h4 class="media-heading">
				                                        Tom Cruse <span>|</span>
				                                        <span>12 July 2013, 11:10 </span>
				                                    </h4>
				                                </div>
				                            	<hr/>
				                            	<div class="media-body">
				                                    <h4 class="media-heading">
				                                        Tom Cruse <span>|</span>
				                                        <span>12 July 2013, 11:10 </span>
				                                    </h4>
				                                </div>
				                            	<hr/>
				                            	<div class="media-body">
				                                    <h4 class="media-heading">
				                                        Tom Cruse <span>|</span>
				                                        <span>12 July 2013, 11:10 </span>
				                                    </h4>
				                                </div>
				                            	<hr/>

					                        </div>
					                    </div>					                    



					            </div>
                          </div>
                      </div>
                  </section>
                </aside>                

              	<aside class="profile-info col-lg-12">
                  <section>
                      <div class="panel panel-primary">
                          <div class="panel-heading"> 附近话题</div>
                          <div class="panel-body">
                          		<div class="col-lg-12 ">

					                    <div class="row">

					                        <div class="col-lg-12 col-sm-12">

				                                <div class="media-body">
				                                    <h4 class="media-heading">
				                                        Tom Cruse <span>|</span>
				                                        <span>12 July 2013, 11:10 </span>
				                                    </h4>
				                                </div>
				                            	<hr/>
				                            	<div class="media-body">
				                                    <h4 class="media-heading">
				                                        Tom Cruse <span>|</span>
				                                        <span>12 July 2013, 11:10 </span>
				                                    </h4>
					                                </div>
				                            	<hr/>
				                            	<div class="media-body">
				                                    <h4 class="media-heading">
				                                        Tom Cruse <span>|</span>
				                                        <span>12 July 2013, 11:10 </span>
				                                    </h4>
				                                </div>
				                            	<hr/>

					                        </div>
					                    </div>					                    



					            </div>
                          </div>
                      </div>
                  </section>
                </aside>                

                <aside class="profile-info col-lg-12">
                  <section>
                      <div class="panel panel-primary">
                          <div class="panel-heading"> 附近频道</div>
                          <div class="panel-body">
                              <div class="col-lg-4">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-2.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-3.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>
				                    </div>
                              </div>
                              <div class="col-lg-4">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-2.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-3.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>
				                    </div>
                              </div>

                              <div class="col-lg-4">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-2.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-3.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                                <p>
				                                    Donec id elit non mi porta gravida at eget metus amet int
				                                </p>
				                            </div>
				                        </div>
				                    </div>
                              </div>

                          </div>
                      </div>
                  </section>
                </aside>   

                <aside class="profile-info col-lg-12">
                  <section>
                      <div class="panel panel-primary">
                          <div class="panel-heading"> 附近生活</div>
                          <div class="panel-body">
                              <div class="col-lg-4">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-2.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-3.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                    </div>
                              </div>
                              <div class="col-lg-4">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-2.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-3.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                    </div>
                              </div>

                              <div class="col-lg-4">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-2.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-3.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                    </div>
                              </div>

                          </div>
                      </div>
                  </section>
                </aside> 

                <aside class="profile-info col-lg-12">
                  <section>
                      <div class="panel panel-primary">
                          <div class="panel-heading"> 附近社区</div>
                          <div class="panel-body">
                              <div class="col-lg-3">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-2.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-3.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                    </div>
                              </div>
                              <div class="col-lg-3">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-2.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-3.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                    </div>
                              </div>

                              <div class="col-lg-3">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-2.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-3.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                    </div>
                              </div>
                              <div class="col-lg-3">
                              		<div class="blog-post">
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-1.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-2.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                        <div class="media">
				                            <a class="pull-left" href="javascript:;">
				                                <img class=" " src="__IMG__/img/blog/blog-thumb-3.jpg" alt="">
				                            </a>
				                            <div class="media-body">
				                                <h5 class="media-heading"><a href="javascript:;">02 May 2013 </a></h5>
				                            </div>
				                        </div>
				                    </div>
                              </div>

                          </div>
                      </div>
                  </section>
                </aside> 

                  
                 




              </div>
              <!-- page end-->
          </section>
      </section>



     </div>
 </div>


<include file="Index:footer" />